<template>
    <div class="cityHeader"> 
        <div class="header">
            <p>城市选择</p>
            <router-link to="/">
                <img  class="header-icon" src="@/assets/img/arrow-lift.png"/>
            </router-link>
        </div>
    </div>
</template>
<script>
export default {
 name:'cityHeader'   
}
</script>
<style scoped>
.header,
.header{
    height:34px;
    background: #00bcd4;
    border-bottom: 1px solid #eeeeee;
    font-size:14px;
    text-align: center;
    line-height: 34px;
    color: #ffffff;
    overflow: hidden;
}
.header .header-icon{
    overflow: hidden;
    position: absolute;
    width: 35px;
    padding-bottom: 35px;
    top:0px;
    left:10px;
}
</style>